<template>
	<view class="w-100 h-100 px-5">
		<image class="w-100 h-100" :src="item.src" mode="aspectFill"></image>
		<view class="position-absolute bottom-0 pt-2 bg-frosted-glass px-3 text-white"
			style="height: 150rpx;width: 650rpx;">
			<text class="font-28">{{item.desc}}</text>
			<view class="rowCenBet" style="height: 75rpx;">
				<image class="radius-100" style="width: 40rpx;height: 40rpx;" :src="item.avatar"
					mode="aspectFill"></image>
				<text class="mr-auto ml-2 font-25">{{item.nickName}}</text>
				<text>{{item.time}}</text>
			</view>
		</view>
	</view>
</template>

<script setup lang="ts">
	defineProps({
		item:{
			type:Object,
			required:true
		}
	})
</script>

<style>

</style>
